<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>

<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>

<!--

	- Falta fazer um tratamento geral no formulário (títulos, nomes, id`s, validações ... Entre outros).

-->

<!DOCTYPE HTML>

<html lang="pt-br">

<head>

<meta charset="utf-8">
<title>Aquino e Vasconcelos - Painel Administrador (Editar Cliente)</title>

<link href="global_arquivos/img/favicon.ico" type="image/x-icon"
	rel="shortcut icon">

<!-- Global Css - Página -->
<link rel="stylesheet" href="global_arquivos/css/style.css"
	media="all">

<!-- Css Da Página -->
<link rel="stylesheet" href="admin/css/style_painel.css" media="all">

<!-- Fontes e Ícones -->
<link rel="stylesheet" href="global_arquivos/fonts/style_fonts.css"
	media="all">

<!-- Efeito Lateral (Acesso Rápido) -->
<link rel="stylesheet"
	href="global_arquivos/js/efeito_lateral/jquery.pageslide.css"
	media="all">

<!-- Css Do Formulário De Cadastro De Cliente -->
<link rel="stylesheet" href="admin/css/style_editar_cliente.css" media="all">

<!-- Css Bootstrap -->
<link href="global_arquivos/js/bootstrap/css/bootstrap.min.css"
	rel="stylesheet" media="all">

<!-- Script De Validação - Formulário -->
<script src="../painel_admin/js/validar_formulario.js"></script>

<script>

	function formatarMascara(mascara, documento) {

		var i = documento.value.length;
		var saida = mascara.substring(0, 1);
		var texto = mascara.substring(i);

		if (texto.substring(0, 1) != saida) {

			documento.value += texto.substring(0, 1);

		}

	}
</script>

</head>

<body>

	<!-- Plugin Para o Bootstrap -->
	<script src="../global_arquivos/js/bootstrap/js/bootstrap.min.js"></script>

	<!-- Incluindo a Div, Links Úteis -->
	<%@ include file="../global_arquivos/pages/links_uteis.jsp"%>

	<header id="topo" class="todo-conteudo">
        
			<a title="Logomarca - Aquino e Vasconcelos" href="Index"><img src="global_arquivos/img/logo.png" alt="Logomarca - Aquino e Vasconcelos"></a>
		        
			<nav>
		            
				<ul>
		                
					<li><a title="Início - Clique Para Ir Para Página Inicial Do Site" href="Index">Início</a></li>
					<li><a title="Serviços - Clique e Confira Agora Nossos Serviços" href="servicos/servicos.jsp">Serviços</a></li>
					<li><a title="A Empresa - Clique e Confira Nossa História" href="empresa/empresa.jsp">A Empresa</a></li>
					<li><a title="Contato - Clique e Fale Agora Conosco" href="contato/contato.jsp">Contato</a></li>
					<li><a title="Orçamento - Clique e Preencha Nosso Pequeno Formulário" href="orcamento/orcamento.jsp">Orçamento</a></li>
					<li><a title="Acesso Rápido - Clique Aqui e Descubra Os Links Mais Acessados" class="acesso-rapido efeito-lateral" href="#modal">Links Úteis</a></li>
		                
				</ul>
		            
			</nav>
		        
		</header>

	<div class="todo-conteudo">

		<div class="local-claro">

			<!-- Incluindo o Menu, Painel -->
			<%@ include file="pages/menu_listar.jsp"%>

			<div class="centro-conteudo">

				<h2>Editando Informações - Cliente</h2>

				<form action="AtualizarCliente" method="post" class="formulario-novo-cliente">

					<fieldset>

						<div class="control-group">

							<label class="control-label" for="area-interesse">Nome *</label>

							<div class="controls">
								
								<input name="id" type="hidden" value="${verCliente.id}">
								
								<input title="Qual o Nome Do Cliente ?" value="${verCliente.nome}" name="nome" id="nome"
									maxlength="50" type="text" autofocus>

							</div>

						</div>

						<div class="control-group alinhamento-direita-cliente">

							<label class="control-label" for="area-interesse">Razão
								Social *</label>

							<div class="controls">

								<input title="Qual a Razão Social Deste Cliente ?" name="razao-social"
								 value="${verCliente.razaoSocial}" id="razao-social" maxlength="150"
									type="text">

							</div>

						</div>

						<div class="control-group">

							<label class="control-label" for="area-interesse">Nome
								Fantasia</label>

							<div class="controls">

								<input title="Qual o Nome Fantasia Deste Cliente ?" name="nome-fantasia" 
								value="${verCliente.nomeFantasia}" id="nome-fantasia" maxlength="150"
									type="text">

							</div>

						</div>

						<div class="control-group alinhamento-direita-cliente">

							<label class="control-label" for="area-interesse">CNPJ *</label>

							<div class="controls">

								<input title="Qual o CNPJ Deste Cliente ?" value="${verCliente.cnpj}"
									OnKeyPress="formatarMascara('##.###.###/####-##', this)"
									name="cnpj" id="cnpj" type="text">

							</div>

						</div>

						<div class="control-group">

							<label class="control-label" for="area-interesse">E-mail
								*</label>

							<div class="controls">

								<input title="Qual o Email Do Cliente ?" value="${verCliente.email}" name="email" id="email"
									maxlength="100" type="text">

							</div>

						</div>

						<div class="control-group alinhamento-direita-cliente">

							<label class="control-label" for="area-interesse">Confirmar
								E-mail *</label>

							<div class="controls">

								<input title="Confirme Aqui o Email Do Cliente" value="${verCliente.email}"
									name="confirmarEmail" id="confirmarEmail" maxlength="100"
									type="text">

							</div>

						</div>

						<div class="control-group">

							<label class="control-label" for="area-interesse">Login *</label>

							<div class="controls">

								<input title="Digite Aqui Um Novo Login Para o Cliente" value="${verCliente.login}"
									name="login" id="login" maxlength="50" type="text">

							</div>

						</div>

						<div class="control-group alinhamento-direita-cliente">

							<label class="control-label" for="area-interesse">Senha *</label>

							<div class="controls">

								<input title="Digite Aqui Uma Senha Para o Cliente" value="${verCliente.senha}" name="senha"
									id="senha" maxlength="20" type="text">

							</div>

						</div>

						<div class="control-group">

							<label class="control-label" for="area-interesse">Confirmar
								Senha *</label>

							<div class="controls">

								<input title="Digite Aqui Novamente a Senha Do Cliente" value="${verCliente.senha}"
									name="confirmarSenha" id="confirmarSenha" maxlength="20"
									type="text">

							</div>

						</div>

						<div class="esconder-campos">

							<div class="control-group alinhamento-direita-cliente">

								<label class="control-label" for="area-interesse">Rua *</label>

								<div class="controls">

									<input title="Digite Aqui a Rua Do Cliente" value="${verCliente.endereco.rua}" name="rua" id="rua"
										type="text" maxlength="100">

								</div>

							</div>

							<div class="control-group">

								<label class="control-label" for="area-interesse">Bairro
									*</label>

								<div class="controls">

									<input title="Digite Aqui o Bairro Do Cliente" value="${verCliente.endereco.bairro}" name="bairro"
										id="bairro" type="text" maxlength="100">

								</div>

							</div>

							<div class="control-group alinhamento-direita-cliente">

								<label class="control-label" for="area-interesse">CEP *</label>

								<div class="controls">

									<input title="Digite Aqui o CEP Do Cliente" value="${verCliente.endereco.cep}" name="cep" id="cep"
										type="text" maxlength="9"
										OnKeyPress="formatarMascara('#####-###', this)">

								</div>

							</div>

							<div class="control-group">

								<label class="control-label" for="area-interesse">Complemento</label>

								<div class="controls">

									<input
										title="Digite Aqui Algum Complemento Sobre a Localidade Do Cliente" value="${verCliente.endereco.complemento}"
										name="complemento" id="complemento" type="text"
										maxlength="100">

								</div>

							</div>

							<div class="control-group alinhamento-direita-cliente">

								<label class="control-label" for="area-interesse">Cidade
									*</label>

								<div class="controls">

									<input title="Digite Aqui a Cidade Do Cliente" value="${verCliente.endereco.cidade}" name="cidade"
										id="cidade" type="text" maxlength="50">

								</div>

							</div>

							<div class="control-group">

								<label class="control-label" for="area-interesse">Estado
									*</label>

								<div class="controls">

									<select title="Escolha Aqui o Estado Que o Cliente Está" 
										name="estado" id="estado">

										<option>Selecione ...</option>

									</select>

								</div>

							</div>

							<div class="control-group alinhamento-direita-cliente">

								<label class="control-label" for="area-interesse">Tributação
									*</label>

								<div class="controls">

									<select title="Selecione Aqui o Tipo De Tributação"
										name="tributacao" id="tributacao">
									   <option>${verCliente.tributacao}</option>
										<option>Selecione ...</option>
										<option>Simples Nacional</option>
										<option>Lucro Real</option>
										<option>Lucro Presumido</option>

									</select>

								</div>

							</div>

							<div class="control-group">

								<label class="control-label" for="area-interesse">Inscrição
									Municipal</label>

								<div class="controls">

									<input type="text"
										title="Digite Aqui a Inscrição Municipal Do Cliente" value="${verCliente.inscricaoMunicipal}"
										name="inscricaoMunicipal" id="inscricaoMunicipal">

								</div>

							</div>

							<div class="control-group alinhamento-direita-cliente">

								<label class="control-label" for="area-interesse">Inscrição
									Estadual</label>

								<div class="controls">

									<input type="text"
										title="Digite Aqui a Inscrição Estadual Do Cliente" value="${verCliente.inscricaoEstadual}"
										name="inscricaoEstadual" id="inscricaoEstadual">

								</div>

							</div>

						</div>

						<label class="campos-obrigatorios">Campos Obrigatórios
							Marcados Com ( <b>*</b> )
						</label> <input id="botao-publicar" name="botao-publicar"
							title="Clique Aqui - Para Cadastrar Este Novo Informativo No Sistema"
							class="btn" type="submit" value="Alterar Dados">

					</fieldset>

				</form>

			</div>

		</div>

	</div>

	<div id="rodape" class="todo-conteudo">
        
			<div class="centro-conteudo">
		            
				<p>Aquino e Vasconcelos - Criado pela <a target="_blank" title="Clique Aqui - Tenha Acesso a Página Da Empresa Tech Code" href="http://techcode.site90.com"><b><i>TechCode</i></b></a></p>
		       	
		       	<nav>
		       	
		       		<ol>
		       		
		       			<li><a target="_blank" href="http://www.facebook.com/aquinoevasconcelos"><img src="global_arquivos/img/facebook.png" alt="Imagem não carregada ..." title="Clique aqui e veja o nosso facebook !"></a></li>
		       			<li class="ultima-rede-social"><a target="_blank" href="https://twitter.com/aquino_e_vasconcelos"><img src="global_arquivos/img/twitter.png" alt="Imagem não carregada ..." title="Clique aqui e veja o nosso twitter !"></a></li>
		       		
		       		</ol>
		       	
		       	</nav>
		       	
			</div>
		        
		</div>

	<!-- Script Do Jquery (Original) -->
	<script
		src="../global_arquivos/js/efeito_lateral/lib/jquery-1.9.1.min.js"></script>

	<!-- Script Do Efeito Lateral -->
	<script
		src="../global_arquivos/js/efeito_lateral/jquery.pageslide.min.js"></script>

	<script>
		$(".first").pageslide();
		$(".efeito-lateral").pageslide({
			direction : "left",
			modal : false
		});
	</script>

</body>

</html>